<template>
	<view class="paymentInformation">
		<view class="paymentIcon">
			<icon
				class="icon-box-img"
				type="success"
				color="#006eff"
				size="50"
			></icon>
			<text>预约成功</text>
			<text class="wz">您已预约成功，请您持本人身份证按时就诊</text>
		</view>
		<view class="paymentBtn">
			<view @click="toPaymentDetail">查看预约详情</view>
			<view @click="toIndex">返回首页</view>
		</view>
	</view>
</template>

<script setup>
const toIndex = () => {
	uni.switchTab({
		url: '/pages/index/index'
	})
}
const toPaymentDetail = () => {
	uni.navigateTo({
		url: '/pages/examinationService/confirmExam/confirmExam'
	})
}
</script>

<style lang="less" scoped>
.paymentInformation {
	width: 750rpx;
	height: 100vh;
	background-color: #fdfeff;
	box-sizing: border-box;
	padding: 0 35rpx;

	.paymentIcon {
		width: 100%;
		height: 500rpx;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		font-size: 30rpx;
		font-weight: 600;
		.wz {
			font-family: 'PingFangSC-Ultralight', 'PingFang SC Ultralight',
				'PingFang SC', sans-serif;
			font-weight: 100;
			color: #aaaaaa;
		}
		text:nth-child(2) {
			margin: 40rpx 0 25rpx 0;
			font-size: 35rpx;
			font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
			font-weight: 400;
		}
	}

	.paymentBtn {
		width: 100%;

		view {
			width: 100%;
			height: 80rpx;
			border-radius: 15rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			background-color: #3478f7;
			color: #fff;
			margin: 35rpx 0;
			font-family: 'PingFangHK-Regular', 'PingFang HK', sans-serif;
			font-weight: 400;
			font-style: normal;
			font-size: 17px;
			letter-spacing: 1px;

			&:nth-child(2) {
				background-color: #e4f0ff;
				color: #0066ff;
			}
		}
	}
}
</style>
